
<script type="text/javascript">
$(function(){
/*var data = [];
 data.push({name: "已用容量(GB)", y: ${capacity_available}},{name: "可用容量(GB)", y: ${capacity_used}},{name: "热备容量(GB)", y: ${capacity_spare}});
 $("#container").highcharts({
          chart: {
		            plotBackgroundColor: null,
		            plotBorderWidth: null,
		            plotShadow: false,
		            type: 'pie'
		        },
		  title: {
		            text: '存储状态'
		        },
		  tooltip: {
		            pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
		        }, 
		  plotOptions: {
		            pie: {
		                allowPointSelect: true,
		                cursor: 'pointer',
		                dataLabels: {
		                    enabled: true,
		                    format: '<b>{point.name}</b>: {point.percentage:.1f} %',
		                    style: {
		                        color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
		                    }
		                }
		            }
		        },
		   series: [{
		            name: "Brands",
		            colorByPoint: true,
		            keys: ["name", "y"],
		            data: data
		        }]
}); */
});

</script>
<#include "/component/pagination.html" />
<table class="table table-striped table-hover">
	<caption><@spring.message code='storage.poolinformation'/></caption>
	<caption><a class="btn btn-default" id="sync" onclick='sstatus.sync()'><@spring.message code='storage.synchronize'/></a></caption>
	<thead>
		<tr>
			<th width="12.5%" scope="col"><@spring.message code='storage.id'/></th>
			<th width="12.5%" scope="col"><@spring.message code='storage.poolname'/></th>
			<th width="12.5%" scope="col"><@spring.message code='storage.total_capacity'/></th>
			<th width="12.5%" scope="col"><@spring.message code='storage.quota'/></th>
			<th width="12.5%" scope="col"><@spring.message code='storage.max_avail'/></th>
			<th width="12.5%" scope="col"><@spring.message code='storage.distributed'/></th>
			<th width="12.5%" scope="col"><@spring.message code='storage.used'/></th>
			<th width="12.5%" scope="col"><@spring.message code='storage.objects'/></th>
		</tr>
	</thead>
	<tbody>
		<#list pager.list as item>
		<tr  
			<#if ((item_index+1) % 2 == 0) >class="oddrow"</#if> >
	        <td>${item.poolId}</td>
	        <td>${item.name}</td>
	        <td>${item.sizeFormat}</td>
	        <td>${item.quotaFormat}</td>
	        <td>${item.maxAvailFormat}</td>
	        <td>${item.distributedFormat}</td>
	        <td>${item.usedFormat}</td>
	        <td>${item.objects}</td>
	    </tr>
		</#list>
	</tbody>
</table>
<div class="" id="container">
</div>	
<@pagination/>